<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>达米送</title>

    <!-- Bootstrap -->
    <link href="/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <link href="/css/product_details.css" rel="stylesheet" />
    <link href="/css/common.css" rel="stylesheet" />
    <link href="/css/index.css" rel="stylesheet" />
    <link href="/css/pop-up.css" rel="stylesheet" media="all"/>
    <!-- Custom styles -->

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/js/common/jquery-3.1.1.min.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>

    <![endif]-->
    <script src="/js/common/jquery-3.1.1.min.js"></script>
    <script src="/js/common/html5shiv.min.js"></script>
    <script src="/js/common/respond.min.js"></script>
</head>
<body>
<div class="container-fluid">
    <div data-th-replace="common_html/common_head"></div>
    <div class="row banner">
        <div class="col-xs-2"></div>
        <div class="col-xs-8">
            <div class="row">
                <div class="col-xs-3 logo"><a class="mr-15 " th:href="@{/}"><img src="/img/cute_logo.jpg" class="logo_wh"/></a></div>
                <div class="col-xs-5 font-bold">
                </div>
                <div class="col-xs-4">
                    <form class="form-inline" th:action="@{/product/searchGood}">
                        <div class="form-group">
                            <input type="text" name="search" class="form-control search" placeholder="商品关键字" />
                        </div>
                        <button type="submit" class="search-btn">搜索</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="page-header">
            <a href="javascript:void(0);"><h1 th:text="${one.seller.shopName}">淡雅墨色画社</h1></a>
        </div>
    </div>
    <div class="presentation row">
        <div class="col-xs-5 col-xs-offset-1">
            <img style="width:400px;height:400px;" th:src="@{'/picture/'+${one.product.pictureId}}" src="#"/>
        </div>
        <div class="col-xs-6">
            <div class="row"> <h2 class="col-xs-12 text-center" th:text="@{${one.product.name}}">赵丽颖肖像画素描画颖宝</h2></div>
            <div class="price mt-20 mb-4 pt-40 pb-40">
                <div class="row">
                    <div class="col-xs-11 col-xs-offset-1 font-yellow font-big mb-40">
                        <input type="hidden" id="seckillId" th:value="${one.seckillId}"/>
                        <!-- 显示秒杀倒计时 -->
                        <span>秒杀倒计时：</span><span id="timeOut"></span>
                    </div>
                </div>
                <div class="pricetwo row mt-10 mb-10"><div class="col-xs-11 col-xs-offset-1"><span>秒杀价:</span><span th:text="${one.killPrice}">90</span></div></div>
                <div class="row mt-30 " >
                    <span class="col-xs-11 col-xs-offset-1 font-17" >所属校区：<span th:text="${one.campusName}">东南大学</span></span>
                </div>
            </div>
            <div class="row text-center" >
                <button disabled="disabled" style="background:#EEEEEE;" id="kill" class="col-xs-3 btn-style">抢购</button>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid mt-20">
    <div class="row">
        <div class="col-xs-12 footer-info">
            <div class="col-xs-2 col-xs-offset-3 mt-40 "><img src="/img/logo_button_1.jpg"/></div>
            <div class="col-xs-3 mt-40 "><img src="/img/logo_button_2.jpg " /><br/><span class="font-grey font-15" >一家专门做校园文化产品的网站</span></div>
            <div class="col-xs-4 mt-60"><img class="qr-code"  src="/img/qr_code.png" th:src="@{'/picture/72'}"/><br/><div class="mt-20 font-15 ml-10">扫码有惊喜哦</div></div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row mt-20 font-small">
        <div class="col-xs-2"></div>
        <div class="col-xs-8">
            <div id="footer">
                <div class="footerNav text-center">
                    <a href="#" th:href="@{/demo/aboutUs}">关于我们</a> |
                    <a href="#" th:href="@{/demo/service}">服务条款</a> |
                    <a href="#" th:href="@{/demo/map}">网站地图</a> |
                    <a href="#" th:href="@{/demo/contactUs}">联系我们</a>
                </div>
                <div class="copyRight text-center">
                    Copyright DaMi
                </div>
            </div>
        </div>
        <div class="col-xs-2"></div>
    </div>
</div>



<script src="/js/login.js"></script>
<script th:inline="javascript">
    /*<![CDATA[*/


    var isShowLogin = /*[[${showLogin}]]*/ 'Sebastian';
    if(isShowLogin){
        $('.theme-logIn').click();
    }

    /*]]>*/
</script>

<script src="/js/product_detail.js"></script>
<script src="/js/killTime.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/bootstrap/dist/js/bootstrap.min.js"></script>
</body>
</html>